<template>
  <van-search
    :style="searchBgColor"
    v-model="recipesSearchValue"
    @search="searchRecipes"
    placeholder="想吃什么搜这里"
  />
</template>

<script setup>
import { ref } from "vue";
import { showNotify, closeNotify } from "vant";
import "vant/es/notify/style";

const props = defineProps({
  searchBgColor: "",
});
const recipesSearchValue = ref("");

// 搜索事件
const searchRecipes = (recipes) => {
  showNotify({ type: "warning", message: "该功能未完善" });
  setTimeout(() => {
    closeNotify();
  }, 3000);
  return
};
</script>

<style scoped>
</style>>
